<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/9/20
  Time: 10:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>图书管理系统</title>
    <style type="text/css">
        #title {
            font-family: "新宋体";
            position: absolute;
            color: black;
            font-size: 70px;
            font-weight: bold;
            text-align-last: center;
            left: 39%;
            top: 15%;
        }

        #content {
            position: absolute;
            top: 50%;
            /*顶部到元素*/
            left: 30%;
            width: 40%;
            height: 400px;
            margin-top: -200px;
            /*边缘到底部*/
            background-color: #34495e;
            text-align-last: center;
            /*这里做一个半透明效果*/
            background: rgba(0, 0, 0, 0.3);
            -moz-opacity: 0.8;
            opacity: 0.8;
        }

        #userid {
            color: #3498db;
            font-size: 30px;
            text-align: center;
            border-radius: 25px;
            /*边框圆角*/
        }

        #password {
            color: #3498db;
            font-size: 30px;
            text-align: center;
            border-radius: 25px;
        }

        #denglu {
            background-color: pink;
            border-radius: 10px;
            border: 0;
            /*边框宽度0*/
            height: 50px;
            width: 90px;
            padding: 5px 10px;
            /*上下填充10 左右5*/
            font-size: 20px;
        }

        #zhuce {
            background-color: pink;
            border-radius: 10px;
            border: 0;
            /*边框宽度0*/
            height: 50px;
            width: 90px;
            padding: 5px 10px;
            /*上下填充10 左右5*/
            font-size: 20px;
        }

        #content h1 {
            color: white;
            font-size: 50px;
        }
    </style>
</head>

<body background="/picture/05.webp.jpg">
<div id="title">
    图书管理系统
</div>
<div id="content">
    <h1>Welcome</h1><br />
<%--    <form action="loginServlet" method="post">--%>
    <form action="login/user" method="post">
        <input type="text" name="zhanghao" id="userid" placeholder="请输入账号" /><br /><br />
        <input type="password" name="password" id="password" placeholder="请输入密码" /><br /><br />
        <input type="radio" name="task" value="user" checked>读者 &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input type="radio" name="task" value="admin">管理员<br /><br />
        <input type="submit" name="denglu" id="denglu" value="登录" />
    </form>
</div>
</body>

</html>
